<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/bag.css">
    <link rel="stylesheet" href="../分页头部尾部/d-foot.css">
    <link rel="stylesheet" href="../css/car-baes.css">
    <link rel="stylesheet" href="../分页头部尾部/d-head-list.css">
    <link rel="stylesheet" href="../分页头部尾部/car-baes.css">
    <link rel="stylesheet" href="../css/d-sideNav.css">
    <script src="jquery-3.6.0.js"></script>
</head>

<body>
    <div class="h-headd">
        <div class="d-head">
            <!-- 灰色区域 -->
            <div class="d-head-gray-all">
                <div class="d-headsit-nav">
                    <!-- 左半边 -->
                    <div class="d-headNav-left">
                        <!-- 地区 -->
                        <div class="d-headCity">
                            <div class="d-headCityCity">
                                <i class="d-address"></i>
                                <span class="d-add-span">郑州市</span>
                            </div>
                            <div class="d-headCityYc">
                                <div class="hot">
                                    <b>苏州市</b>
                                    <b>北京市</b>
                                    <b>天津市</b>
                                    <b>上海市</b>
                                </div>
                                <div class="d-abc"></div>
                                <ul class="d-headCityUl"></ul>
                            </div>
                        </div>
                        <!-- 登录注册 -->
                        <div class="d-headinfo">
                            <a href="###" class="d-denglu">请登录</a>
                            <a href="###" class="d-zhuce">免费注册</a>
                        </div>
                    </div>
                    <!-- 右半边 -->
                    <ul class="d-headNav-right">
                        <li>
                            <a href="###">我的订单</a>
                        </li>
                        <li class="d-spacer"></li>
                        <li><a href="###">我的浏览</a></li>
                        <li class="d-spacer"></li>
                        <li><a href="./personalcenter.html">我的收藏</a></li>
                        <li class="d-spacer"></li>
                        <li><a href="###">客户服务</a></li>
                        <li class="d-spacer"></li>
                        <li class="d-headNav-right-lastli">
                            <div class="fl ">网站导航
                                <div class="fl d-headNav-lastli-div1"></div>
                            </div>
                            <!-- 隐藏部分 -->
                            <div class="d-headNav-lastli-div2YC">
                                <div class="d-headNav-div2YCLeft fl">
                                    <b><a href="###" class="d-notbs">特色主题</a></b>
                                    <a href="###">男装女装</a>
                                    <a href="###">鞋靴箱包</a>
                                </div>
                                <div class="d-headNav-div2YCRight fl">
                                    <b><a href="" class="d-notbs">促销活动</a></b>
                                    <br>
                                    <a href="">拍卖活动</a> <a href="">共创商品</a> <a href="">积分商城</a>
                                    <br>
                                    <a href="">CMS频道</a> <a href="">优惠活动</a> <a href="">超值礼包</a>
                                    <br>
                                    <a href="">优惠券</a> <a href="">礼品卡</a> <a href="">预售商品</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 头部 -->
            <div class="d-head-main">
                <!-- log -->
                <div class="d-headlogo">
                    <img src="../images/d-head-logo.gif" alt="">
                </div>
                <!-- 搜索区域 -->
                <div class="d-headSearch">
                    <input type="text" id="d-head-search" placeholder="周大福">
                    <button type="submit" class="d-head-button">搜商品</button>
                    <button type="submit" class="d-head-button d-head-store">搜店铺</button>
                    <div class="d-head-searchA">
                        <a href="#">周大福</a>
                        <a href="#">内衣</a>
                        <a href="#">Five Plus</a>
                        <a href="#">手机</a>
                    </div>
                </div>
                <!-- 购物车区域 -->
                <div class="d-headshopCar">
                    <a href="###" class="d-headshopCarAA">
                        <i><img src="../images/d-head-shopping.png" alt=""></i>
                        <span class="d-headshopCarSpan">我的购物车</span>
                        <em class="d-headshopCar-clount">0</em>
                    </a>
                    <div class="d-headshopCar-yc">
                        <a href="">
                            <img src="../images/d-head-shopbiaoqing.png" alt="" class="fl">
                            <span class="d-headshopCarYc-span">购物车中还没有商品，赶紧选购吧！</span>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 导航栏 -->
            <div class="d-head-nav-all">
                <div class="d-head-nav">
                    <div id="d-common-cat">
                        <a href="###" style="color: white;" class="d-common-catA">全部商品分类</a>
                    </div>
                    <div id="d-head-commn-nav">
                        <ul>
                            <li><a href="../index.html" class="red">首页</a></li>
                            <li><a href="./person.html" class="d-red1">个护美妆</a></li>
                            <li><a href="../cloth.html" class="d-pink">服装城</a></li>
                            <li><a href="./home.html" class="d-blue">家用电器</a></li>
                            <li><a href="./bag.html" class="d-balck">鞋靴箱包</a></li>
                            <li><a href="./group.html" class="d-red1">聚划算</a></li>
                            <li><a href="./presell.html" class="d-red1">预售</a></li>
                            <li><a href="./top.html" class="d-red1">店铺街</a></li>
                            <li><a href="./shop.html" class="d-red1">品牌专区</a></li>
                            <li><a href="./notice.html" class="d-red1">公告</a></li>
                            <div class="spec" data-spec=""></div>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="h-tree">
            <ul>
                <li>
                    <a href="">奢侈品</a>
                </li>
                <li>
                    <a href="">功能箱包</a>
                </li>
                <li>
                    <a href="">流行男鞋</a>
                </li>
                <li>
                    <a href="">时尚女鞋</a>
                </li>
                <li>
                    <a href="">潮流女包</a>
                </li>
                <li>
                    <a href="">精品男包</a>
                </li>
                <div class="nav2-b">
                    <span class="nav2s-b">奢侈品</span>
                    <div class="nav2s1-b">
                        <a href="">箱包</a>
                        <a href="">服饰</a>
                        <a href="">腰带</a></div>
                    <div class="nav2-imgb">
                        <span><img src="/images/2-1.jpg" alt=""></span>
                    </div>
                </div>

                <div class="nav2-b">
                    <span class="nav2s-b">功能箱包</span>
                    <div class="nav2s1-b">
                        <a href="">箱包</a>
                        <a href="">服饰</a>
                        <a href="">腰带</a></div>
                    <div class="nav2-imgb">
                        <span><img src="/images/2-1.jpg" alt=""></span><span>
                            <img src="/images/2-1.jpg" alt="">
                        </span><span><img src="/images/2-1.jpg" alt=""></span>
                    </div>
                </div>
                <div class="nav2-b">
                    <span class="nav2s-b">流行男鞋</span>
                    <div class="nav2s1-b">
                        <a href="">休闲鞋</a>
                        <a href="">增高鞋</a>
                        <a href="">定制鞋</a></div>
                    <div class="nav2-imgb">
                        <span><img src="/images/2-1.jpg"></span>
                    </div>
                </div>
                <div class="nav2-b">
                    <span class="nav2s-b">时尚女鞋</span>
                    <div class="nav2s1-b">
                        <a href="">单鞋</a>
                        <a href="">高跟鞋</a>
                        <a href="">休闲鞋</a></div>
                    <div class="nav2-imgb">
                        <span><img src="/images/2-1.jpg"></span>
                    </div>
                </div>
                <div class="nav2-b">
                    <span class="nav2s-b">潮流女包</span>
                    <div class="nav2s1-b">
                        <a href="">手提包</a>
                        <div class="nav2-imgb">
                            <span><img src="/images/2-1.jpg"></span>
                        </div>
                    </div>
                </div>
                <div class="nav2-b">
                    <span class="nav2s-b">精品男包</span>
                    <div class="nav2s1-b">
                        <a href="">钱包/卡包</a>
                        <div class="nav2-imgb">
                            </span><span><img src="/images/2-1.jpg"></span>
                        </div>
                    </div>
                </div>
            </ul>
        </div>
    </div>
    <div class="h-img">

        <a href=""><img src="../images/beijing.jpg" style="width: 1520px; height: 390px;"></a>

    </div>
    <div class="h-main">
        <div class="h-toprank">
            <div class="h-bbd">
                <ul class="h-list-b">
                    <li class="h-on">热销榜</li>
                    <li class="h-ad">|</li>
                    <li class="h-on">促销榜</li>
                </ul>
            </div>
        </div>
        <div class="h-bd">
            <ul class="h-hi">
                <li>
                    <div>
                        <a href=""><img src="../images/01.jpg" alt=""></a>
                    </div>
                    <div class="h-one">1</div>
                    <div class="h-aa"><a href="">WMNS Air Jordan 13 aj13 鳄鱼皮纹理 女鞋篮球鞋 - AQ</a></div>
                    <div class="h-koe" style="color: red;">¥1200.00</div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-2.jpg" alt=""></a>
                        <div class="h-two">2</div>
                        <div class="h-aa"><a href="">爱路思行李箱女24寸铝框拉杆箱男万向轮旅行箱20/22/26/</a></div>
                        <div class="h-koe" style="color: red;">¥188.00</div>
                    </div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-3.jpg" alt=""></a>
                    </div>
                    <div class="h-three">3</div>
                    <div class="h-aa"><a href="">小米（MI）拉杆箱青春版旅行箱20/24寸男女箱万向轮密</a></div>
                    <div class="h-koe" style="color: red;">¥199.00</div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-4.jpg" alt=""></a>
                    </div>
                    <div class="h-four">4</div>
                    <div class="h-aa"><a href="">COACH/蔻驰女士拼色HUTTON钱包 灰褐姜色</a></div>
                    <div class="h-koe" style="color: red;">¥1899.00</div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-5.jpg" alt=""></a>
                    </div>
                    <div class="h-five">5</div>
                    <div class="h-aa"><a href="">COACH/蔻驰女士经典标志涂层PARKER山茶花斜挎包 灰褐</a></div>
                    <div class="h-koe" style="color: red;">¥3200.00</div>
                </li>
            </ul>
        </div>
        <div class="h-brand">
            <div class="h-sb">
                <h2>品牌旗舰</h2>
            </div>
            <div class="h-brandi">
                <a href=""></a>
                <a href=""></a>
                <div>
                    <div></div>
                </div>
            </div>
        </div>
        <div class="h-floor">
            <div class="h-gj">
                <h2>今日推荐</h2>
            </div>
        </div>
        <div class="h-bd">
            <ul class="h-hi">
                <li>
                    <div>
                        <a href=""><img src="../images/01.jpg" alt=""></a>
                    </div>
                    <!-- <div class="h-one">1</div> -->
                    <div class="h-aa"><a href="">WMNS Air Jordan 13 aj13 鳄鱼皮纹理 女鞋篮球鞋 - AQ</a></div>
                    <div class="h-koe" style="color: red;">¥1200.00</div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-2.jpg" alt=""></a>
                        <!-- <div class="h-two">2</div> -->
                        <div class="h-aa"><a href="">爱路思行李箱女24寸铝框拉杆箱男万向轮旅行箱20/22/26/</a></div>
                        <div class="h-koe" style="color: red;">¥188.00</div>
                    </div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-3.jpg" alt=""></a>
                    </div>
                    <!-- <div class="h-three">3</div> -->
                    <div class="h-aa"><a href="">小米（MI）拉杆箱青春版旅行箱20/24寸男女箱万向轮密</a></div>
                    <div class="h-koe" style="color: red;">¥199.00</div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-4.jpg" alt=""></a>
                    </div>
                    <!-- <div class="h-four">4</div> -->
                    <div class="h-aa"><a href="">COACH/蔻驰女士拼色HUTTON钱包 灰褐姜色</a></div>
                    <div class="h-koe" style="color: red;">¥1899.00</div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-5.jpg" alt=""></a>
                    </div>
                    <!-- <div class="h-five">5</div> -->
                    <div class="h-aa"><a href="">COACH/蔻驰女士经典标志涂层PARKER山茶花斜挎包 灰褐</a></div>
                    <div class="h-koe" style="color: red;">¥3200.00</div>
                </li>
            </ul>
        </div>
        <div class="h-bd">
            <ul class="h-hi">
                <li>
                    <div>
                        <a href=""><img src="../images/01.jpg" alt=""></a>
                    </div>
                    <!-- <div class="h-one">1</div> -->
                    <div class="h-aa"><a href="">WMNS Air Jordan 13 aj13 鳄鱼皮纹理 女鞋篮球鞋 - AQ</a></div>
                    <div class="h-koe" style="color: red;">¥1200.00</div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-2.jpg" alt=""></a>
                        <!-- <div class="h-two">2</div> -->
                        <div class="h-aa"><a href="">爱路思行李箱女24寸铝框拉杆箱男万向轮旅行箱20/22/26/</a></div>
                        <div class="h-koe" style="color: red;">¥188.00</div>
                    </div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-3.jpg" alt=""></a>
                    </div>
                    <!-- <div class="h-three">3</div> -->
                    <div class="h-aa"><a href="">小米（MI）拉杆箱青春版旅行箱20/24寸男女箱万向轮密</a></div>
                    <div class="h-koe" style="color: red;">¥199.00</div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-4.jpg" alt=""></a>
                    </div>
                    <!-- <div class="h-four">4</div> -->
                    <div class="h-aa"><a href="">COACH/蔻驰女士拼色HUTTON钱包 灰褐姜色</a></div>
                    <div class="h-koe" style="color: red;">¥1899.00</div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-5.jpg" alt=""></a>
                    </div>
                    <!-- <div class="h-five">5</div> -->
                    <div class="h-aa"><a href="">COACH/蔻驰女士经典标志涂层PARKER山茶花斜挎包 灰褐</a></div>
                    <div class="h-koe" style="color: red;">¥3200.00</div>
                </li>
            </ul>
        </div>
        <div class="h-floor">
            <div class="h-tt">
                <h2>新品到货</h2>
            </div>
        </div>
        <div class="h-bd">
            <ul class="h-hi">
                <li>
                    <div>
                        <a href=""><img src="../images/01.jpg" alt=""></a>
                    </div>
                    <!-- <div class="h-one">1</div> -->
                    <div class="h-aa"><a href="">WMNS Air Jordan 13 aj13 鳄鱼皮纹理 女鞋篮球鞋 - AQ</a></div>
                    <div class="h-koe" style="color: red;">¥1200.00</div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-2.jpg" alt=""></a>
                        <!-- <div class="h-two">2</div> -->
                        <div class="h-aa"><a href="">爱路思行李箱女24寸铝框拉杆箱男万向轮旅行箱20/22/26/</a></div>
                        <div class="h-koe" style="color: red;">¥188.00</div>
                    </div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-3.jpg" alt=""></a>
                    </div>
                    <!-- <div class="h-three">3</div> -->
                    <div class="h-aa"><a href="">小米（MI）拉杆箱青春版旅行箱20/24寸男女箱万向轮密</a></div>
                    <div class="h-koe" style="color: red;">¥199.00</div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-4.jpg" alt=""></a>
                    </div>
                    <!-- <div class="h-four">4</div> -->
                    <div class="h-aa"><a href="">COACH/蔻驰女士拼色HUTTON钱包 灰褐姜色</a></div>
                    <div class="h-koe" style="color: red;">¥1899.00</div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-5.jpg" alt=""></a>
                    </div>
                    <!-- <div class="h-five">5</div> -->
                    <div class="h-aa"><a href="">COACH/蔻驰女士经典标志涂层PARKER山茶花斜挎包 灰褐</a></div>
                    <div class="h-koe" style="color: red;">¥3200.00</div>
                </li>
            </ul>
        </div>
        <div class="h-bd">
            <ul class="h-hi">
                <li>
                    <div>
                        <a href=""><img src="../images/01.jpg" alt=""></a>
                    </div>

                    <div class="h-aa"><a href="">WMNS Air Jordan 13 aj13 鳄鱼皮纹理 女鞋篮球鞋 - AQ</a></div>
                    <div class="h-koe" style="color: red;">¥1200.00</div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-2.jpg" alt=""></a>

                        <div class="h-aa"><a href="">爱路思行李箱女24寸铝框拉杆箱男万向轮旅行箱20/22/26/</a></div>
                        <div class="h-koe" style="color: red;">¥188.00</div>
                    </div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-3.jpg" alt=""></a>
                    </div>

                    <div class="h-aa"><a href="">小米（MI）拉杆箱青春版旅行箱20/24寸男女箱万向轮密</a></div>
                    <div class="h-koe" style="color: red;">¥199.00</div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-4.jpg" alt=""></a>
                    </div>
                    <!-- <div class="h-four">4</div> -->
                    <div class="h-aa"><a href="">COACH/蔻驰女士拼色HUTTON钱包 灰褐姜色</a></div>
                    <div class="h-koe" style="color: red;">¥1899.00</div>
                </li>
                <li>
                    <div>
                        <a href=""><img src="../images/1-5.jpg" alt=""></a>
                    </div>
                    <!-- <div class="h-five">5</div> -->
                    <div class="h-aa"><a href="">COACH/蔻驰女士经典标志涂层PARKER山茶花斜挎包 灰褐</a></div>
                    <div class="h-koe" style="color: red;">¥3200.00</div>
                </li>
            </ul>
        </div>
    </div>
    <div class="jump-b">
        <span class="exc1-b exc-b"> 排行榜</span>
        <span class="exc1-b">今日推荐</span>
        <span class="exc1-b">新品到货</span>
        <span class="exc1-b">浏览记录</span>
        <span class="hddbb">TOP</span>
    </div>
    <div class="d-foot">
        <!-- 底部版心 -->
        <!-- 灰色区域 -->
        <div class="d-foot-top">
            <!-- 灰色区域版心 -->
            <div class="d-foot-top-main">
                <div class="d-service-list">
                    <!-- 七天包退 -->
                    <div class="d-service-item">
                        <i class="d-f-icon d-f-icon-qi"></i>
                        <span>七天包退</span>
                    </div>
                    <!-- 正品保障 -->
                    <div class="d-service-item">
                        <i class="d-f-icon d-f-icon-zheng"></i>
                        <span>正品保障</span>
                    </div>
                    <!-- 好评如潮 -->
                    <div class="d-service-item">
                        <i class="d-f-icon d-f-icon-hao"></i>
                        <span>好评如潮</span>
                    </div>
                    <!-- 闪电发货 -->
                    <div class="d-service-item">
                        <i class="d-f-icon d-f-icon-shan"></i>
                        <span>闪电发货</span>
                    </div>
                    <!-- 权威荣誉 -->
                    <div class="d-service-item">
                        <i class="d-f-icon d-f-icon-quan"></i>
                        <span>权威荣誉</span>
                    </div>
                </div>
                <!-- 电话咨询客服 -->
                <div class="d-contact">
                    <div class="d-contact-item">
                        <i class="d-f-icon d-f-icon-tel"></i>
                        <span>4001-021-758</span>
                    </div>
                    <div class="d-contact-item-last">
                        <i class="d-f-icon d-f-icon-kefu"></i>
                        <span>咨询客服</span>
                    </div>
                </div>
            </div>

        </div>
        <!-- 黑色区域中间部分 -->
        <div class="d-foot-center">
            <!-- 版心 -->
            <div class="d-foot-center-main">
                <!-- 新手上路部分 -->
                <div class="d-help-list">
                    <div class="d-help-item">
                        <h3>新手上路</h3>
                        <ul>
                            <li><a href="###">售后流程</a></li>
                            <li><a href="###">购物流程</a></li>
                            <li><a href="###">订购方式</a></li>
                        </ul>
                    </div>
                    <div class="d-help-item">
                        <h3>配送与支付</h3>
                        <ul>
                            <li><a href="###">货到付款区域</a></li>
                            <li><a href="###">配送支付智能查询</a></li>
                            <li><a href="###">支付方式说明</a></li>
                        </ul>
                    </div>
                    <div class="d-help-item">
                        <h3>服务保证</h3>
                        <ul>
                            <li><a href="###">退换货原则</a></li>
                            <li><a href="###">售后服务保证</a></li>
                            <li><a href="###">产品质量保证</a></li>
                        </ul>
                    </div>
                    <div class="d-help-item">
                        <h3>联系我们</h3>
                        <ul>
                            <li><a href="###">网站故障报告</a></li>
                            <li><a href="###">选机咨询</a></li>
                            <li><a href="###">投诉与建议</a></li>
                        </ul>
                    </div>
                    <div class="d-help-item">
                        <h3>会员中心</h3>
                        <ul>
                            <li><a href="###">资金管理</a></li>
                            <li><a href="###">我的收藏</a></li>
                            <li><a href="###">我的订单</a></li>
                        </ul>
                    </div>
                </div>
                <!-- 二维码部分 -->
                <div class="d-fooot-center-ewm">
                    <div class="d-qr-item d-qr-item-first">
                        <div class="d-code_img"><img src="../分页头部尾部/images/d-foot-ewm1.jpg">
                        </div>
                        <div class="d-code_txt">关注微信</div>
                    </div>
                    <div class="d-qr-item">
                        <div class="d-code_img"><img src="../分页头部尾部/images/d-foot-ewm2.jpg">
                        </div>
                        <div class="d-code_txt">下载APP</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 黑色区域下部分 -->
        <div class="d-foot-bottom">
            <!-- 版心 -->
            <div class="d-foot-bottom-main">
                <p class="d-foot-nav">
                    <a href="###">首页</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">隐私保护</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">联系我们</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">免责条款</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">公司简介</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">商家入驻</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">供应商入驻</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">意见反馈</a>
                </p>
                <p class="d-foot-nav">
                    <a href="###">b2b2c</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">多用户商城系统</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">商城系统</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">ecjia新零售</a>
                </p>
                <p class="d-foot-nav2">
                    <span>ICP备案证书号:</span><a href="###">沪ICP备14029880号-5</a>
                </p>
                <p class="d-foot-nav2">
                    <a href="###">版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL</a>
                </p>
                <p class="d-foot-kong">&nbsp;</p>
            </div>
        </div>
    </div>
    <!-- 侧边栏 -->
    <aside>
        <!-- 侧边栏 -->
        <div class="d-screen-side">
            <!-- <div class="d-screen-side-lay"> -->
            <!-- 黑色区域 -->
            <div class="d-side-balck">
                <!-- 顶部 -->
                <div class="d-side-black-top">
                    <ul class="d-sideulul">
                        <!-- 用户 -->
                        <li class="d-yonghuli">
                            <a href="###"><i class="d-yonghu"></i></a>
                            <!-- 隐藏部分 -->
                            <div class="d-setting-con">
                                <div class="d-setting-contop">
                                    <p class="d-setting-contopimgbox">
                                        <img src="./images/d-touxiang.jpg" width="100" height="100">
                                    </p>
                                    <ul class="d-user">
                                        <li>用户名：暂无</li>
                                        <li>级 别：暂无</li>
                                    </ul>
                                </div>
                                <div class="d-btnbox">
                                    <a href="###" class="d-order">我的订单</a>
                                    <a href="####" class="d-favorite">我的收藏</a>
                                </div>
                                <i class="d-ycxsjwhite"></i>

                            </div>
                        </li>
                        <!-- 购物车 -->
                        <li id="d-shop-car">
                            <a href="####" class="d-cart_list">
                                <i class="d-message"></i>
                                <div class="d-aspan">购物车</div>
                                <span class="d-cart_num">0</span>
                            </a>
                        </li>
                        <!-- 订单 -->
                        <li class="d-dingdanli">
                            <a href="###"><i class="d-dingdan"></i></a>
                            <!-- 隐藏部分 -->
                            <div class="yc-dingdan1">
                                <div class="d-yc-dingdan">
                                    <span style="font-size:12px">我的订单</span>
                                </div>
                                <i class="d-ycxsj"></i>
                            </div>
                        </li>
                        <!-- 优惠卷 -->
                        <li class="d-youhuijuanli">
                            <a href="###"><i class="d-youhuijuan"></i></a>
                            <!-- 隐藏部分 -->
                            <div class="yc-youhuijuan1">
                                <div class="d-yc-youhuijuan">
                                    <span style="font-size:12px">优惠卷</span>
                                </div>
                                <i class="d-ycxsj"></i>
                            </div>
                        </li>
                        <!-- 我的资产 -->
                        <li class="d-zichanli">
                            <a href="###"><i class="d-zichan"></i></a>
                            <!-- 隐藏部分 -->
                            <div class="yc-zichan1">
                                <div class="d-yc-zichan">
                                    <span style="font-size:12px">我的资产</span>
                                </div>
                                <i class="d-ycxsj"></i>
                            </div>
                        </li>
                        <!-- 我的足迹 -->
                        <li class="d-zujili">
                            <a href="###"><i class="d-zuji"></i></a>
                            <!-- 隐藏部分 -->
                            <div class="yc-zuji1">
                                <div class="d-yc-zichan">
                                    <span style="font-size:12px">我的足迹</span>
                                </div>
                                <i class="d-ycxsj"></i>
                            </div>
                        </li>
                        <!-- 我的收藏 -->
                        <li class="d-shoucangli">
                            <a href="###"><i class="d-shoucang"></i></a>
                            <!-- 隐藏部分 -->
                            <div class="yc-shoucang1">
                                <div class="d-yc-zichan">
                                    <span style="font-size:12px">我的收藏</span>
                                </div>
                                <i class="d-ycxsj"></i>
                            </div>
                        </li>
                        <!-- 我的邮箱 -->
                        <li class="d-youjianli">
                            <a href="###"><i class="d-youjian"></i></a>
                            <!-- 隐藏部分 -->
                            <div class="yc-youjian1">
                                <div class="d-yc-zichan">
                                    <span style="font-size:12px">邮箱订阅</span>
                                </div>
                                <i class="d-ycxsj"></i>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 底部 -->
                <div class="d-side-black-bottom">
                    <ul>
                        <!-- 客服中心 -->
                        <li class="d-kefuli">
                            <a href="###"><i class="d-kefu"></i></a>
                            <!-- 隐藏部分 -->
                            <div class="yc-kefu1">
                                <div class="d-yc-kefu">
                                    <span style="font-size:12px">客服中心</span>
                                </div>
                                <i class="d-ycxsj"></i>
                            </div>
                        </li>

                        <!-- 回到顶部 -->
                        <li class="d-topli">
                            <a href="###"><i class="d-top"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="d-side-gray">
                <!-- 灰色区域未完成 -->
                <div class="d-side-gray-shop">
                    <i class="d-shop-close"></i>
                    <p>购物车</p>
                </div>
                <!-- 中间区域 -->
                <div class="d-side-gray-main">
                    <div class="d-side-gray-main-empty">
                        <div class="d-tihuanbiaoqing">
                            <img src="./images/d-head-shopbiaoqing.png" alt="">
                            <div class="d-tip-text">
                                购物车空空的，赶快去挑选心仪的商品吧~
                                <br>
                                <a href="####">去首页看看</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 结算区域 -->
                <div class="d-side-gray-jiesuan">
                    <p>共<span>0</span>件商品</p>
                    <div class="d-com_price">￥<b>0.00</b></div>
                    <a href="./page/d-shop.html">
                        <div class="d-to_shopCart">去购物车结算</div>
                    </a>
                </div>
            </div>
        </div>
    </aside>
    <script src="data.js"></script>
    <script src="/js/bag.js"></script>
    <script src="../分页头部尾部/d-head-list.js"></script>
    <script src="../js/d-sideNav.js"></script>
</body>

</html>